$.vui={
    //数据表格
    dataform:function () {
      $("#"+$.vui.paramer.table).datagrid({
            dataSource: {
                cols:[
                    {name: 'id', label: 'ID', width: 80,ignore:true},
                    {name: 'username', label: '用户名', width: 200},
                    {name: 'address', label: '联系地址', width: 250},
                    {name: 'email', label: '联系邮箱', width: 150},
                    {name: 'phone', label: '联系电话', width: 150},
                    {name: 'createtime', label: '创建时间', width: 150},
                    {name: 'enable', label: '启用状态', width: 150},
                    {name: 'roledesc', label: '角色', width: 450, sort: false}
                ],
                remote: function(params) {
                    return {
                        url: '/user/userList',
                        type: 'GET',
                        dataType: 'json'
                    };
                }
            },
            states: {
                pager: {page: 1, recPerPage: 10},
                fixedLeftUntil: 1,    // 固定左侧第一列
            },
            checkbox:true,
            height: 410,
            checkable: true,//选中行
            checkByClickRow: false,//选中行同时选中复选框
            sortable:true,//排序
            //showRowIndex:false,//是否显示序号
            hoverCell:true,//	是否显示单元格悬停效果	默认为 false	启用后，鼠标悬停在单元格上会高亮单元格。
            configs: {
                C2: {
                    className: 'text-right',
                    style: {
                        color: '#00b8d4',
                        backgroundColor: '#e0f7fa'
                    }
                },
                C0:{
                    className: 'text-width',
                },
                C7:{
                    valueOperator: {
                        getter: function(dataValue, cell, dataGrid) {
                            if(dataValue==1){
                                return "启用";
                            }else {
                                return "禁用"
                            }
                        }
                    }
                }
            }
            // ... 其他初始化选项
        });
    },
    //初始化方法
    load:function () {
        $.vui.dataform();
    },
    //获取用户信息
    loadUser:function ($tableId) {
        var userId=$.ft.getItem($tableId);
        if($.ft.isNotEmpty(userId)){
            $.ajax({
                type: "POST",
                url:"/user/getuser",
                data:{id:userId},
                async: false,
                error: function(request) {
                    $vui.Loading("操作失败！",{overlay:true,timeout:2,icon:"icon icon-remove-sign"});
                },
                success: function(data) {
                    //接收后台返回的结果
                    if (data) {
                        if (data.state == 1) {
                            $.ft.reset($.vui.paramer.formId);
                            $.ft.jsonInput(data.data,$.vui.paramer.formId);
                            var roleCdArray=data.data.roleId.split(",");
                            $("#roles").empty();
                            for(var j=0;j<userRole.length;j++){
                                if($.ft.isExist(roleCdArray,userRole[j].id)){
                                    $("#roles").append('<label class="checkbox-inline"><input type="checkbox" value="'+userRole[j].id+'" name="roleId"  checked="checked">'+userRole[j].roledesc+'</label>');
                                }else{
                                    $("#roles").append('<label class="checkbox-inline"><input type="checkbox" value="'+userRole[j].id+'" name="roleId">'+userRole[j].roledesc+'</label>');
                                }
                            }
                            $('#mymodel').modal({
                                keyboard : false,
                                show     : true
                            })
                        }else {
                            $vui.Loading(data.msg,{overlay:true,timeout:2,icon:"icon icon-remove-sign"});
                        }
                    } else {
                        $vui.Loading("操作失败！",{overlay:true,timeout:2,icon:"icon icon-remove-sign"});
                    }
                },
            });
        }
    },
    //用户信息提交
    submitUser:function ($formId) {
        $.ft.submitForm($formId);
    },
    //删除用户信息
    delUser:function ($tableId) {
        var id = $.ft.selectedItems($tableId);
        var parmers=new Object();
        parmers.id=id;
        if($.ft.isNotEmpty(id)){
            if($.ft.isNotEmpty(id)){
                $.ft.confirmModel("确认删除吗？","../user/deleteUser",parmers,$tableId);
            }
        }
    },

    //公共参数
    paramer:{
        //数据表格初始化容器
        table:"datagridExample",
        formId:"userForm",
    }
}